<!--
 * @Author: your name
 * @Date: 2021-08-12 16:20:22
 * @LastEditTime: 2021-08-20 09:08:15
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \1wo\index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网易严选</title>
  <link rel="stylesheet" href="./css/wyyx.css">
  <!-- 引入icon字体图标 -->
  <link rel="stylesheet" href="./css/font/demo_index.html">
  <link rel="stylesheet" href="./css/font/iconfont.css">
</head>

<body>
  <!-- 网页顶部 -->
  <header>
    <div class="top">
      <div class="left">
        <i class="iconfont icon-tongzhi"></i>
        <span>因事件（疫情、特大暴雨、台风）影响，部分地区无法配送公告</span>
      </div>
      <div class="right">
        <ul>
          <li><a href="">登录/注册</a></li>
          <li><a href="">我的订单</a></li>
          <li><a href="">会员</a></li>
          <li><a href="">甄选家</a></li>
          <li><a href="">企业采购<i class="iconfont icon-arrowRight-copy"></i></a></li>
          <li><a href="">客户服务<i class="iconfont icon-arrowRight-copy"></i></a></li>
          <li>
            <a href="">APP<i class="iconfont icon-shouji"></i></a>

          </li>
        </ul>
      </div>
    </div>
  </header>
  <!-- 网页顶部结束 -->
  <!-- 内容 -->
  <section>
    <!-- 头部 -->
    <div class="middle">
        <div class="head2_top">
        <div class="logo"><img src="./img/logo.png"  alt=""></div>
        <div class="head2_top_right">
            <div class="select">
                <div class="s_icon"> <i class="iconfont icon-sousuo"></i></div>
                <div class="select_t"><input type="text"></div>
                <div class="button">搜索</div>

            </div>
            <div class="shopcar">
                <i class="iconfont icon-gouwuchekong"></i> 购物车<i class="iconfont icon-0" style="color: red;"></i>

            </div>
        </div>

    </div>
    </div>
    <!-- 搜索结束 -->
    <!-- 列表 -->
    <div class="nav">
      <div class="list">
        <ul>
          <li>
            <a href="">首页</a>
            <div class="second">首页二级菜单...</div>
          </li>
          <li>
            <a href="">居家生活</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">服饰鞋包</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">美食酒水</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">个护清洁</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">母婴亲子</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">运动旅行</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">数码家电</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">严选全球</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">为你严选</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
          <li>
            <a href="">众筹</a>
            <div class="second">
                <ul>
                    <li>模块一</li>
                    <li>模块二</li>
                    <li>模块三</li>
                </ul>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 列表结束 -->
    <!-- 轮播图 -->
    <div class="lunbo">
      <img src="./img/bg_1.png" alt="图丢了">
    </div>
    <!-- 轮播图结束 -->
    <!-- 热销榜 -->
    <div class="hot_outer">
      <ul class="hot_goods">
        <li>- 热销榜 -</li>
        <li><img src="./img/全站热销榜.webp" alt=""><span>全站<br>热销榜</span></li>
        <li><img src="./img/1居家生活.webp" alt=""><span>居家<br>生活榜</span></li>
        <li><img src="./img/1服饰鞋包.webp" alt=""><span>服饰<br>鞋包榜</span></li>
        <li><img src="./img/1美食酒水.webp" alt=""><span>美食<br>酒水榜</span></li>
        <li><img src="./img/1数码家电.webp" alt=""><span>数码<br>家电榜</span></li>
        <li><img src="./img/1护清洁.webp" alt=""><span>个护<br>清洁榜</span></li>
        <li><img src="./img/1运动旅行.webp" alt=""><span>运动<br>旅行榜</span></li>
        <li><img src="./img/1母婴亲子.webp" alt=""><span>母婴<br>亲子榜</span></li>
        <li><img src="./img/1全球特色.webp" alt=""><span>全球<br>特色榜</span></li>
      </ul>
    </div>
    <!-- 热销榜结束 -->
    <!-- 右侧边栏 -->
    <div class="right_aside">
      <ul>
        <li>
          <img src="./img/youce.png" alt="">
        </li>
        <li>
          <div class="title">订阅电子刊</div>
          <div class="content">订阅电子刊</div>
        </li>
        <li>
          <div class="title">在线客服</div>
          <div class="content">在线客服</div>
        </li>
        <li>
          <div class="title">回到顶部</div>
          <div class="content">回到顶部</div>
        </li>
      </ul>
    </div>
    <!-- 右侧边栏结束 -->
    <!-- 新品首发 -->
    <div class="new ">
        <div class="content">
            <div class="new_title">
                <div class="shoufa" style="float: left;">
                    <h3>新品首发</h3>
                </div>
                <div class="tuijie">
                    <div style="float: left; margin-left: 20px;">为你寻觅世间好物</div>
                    <div style="float: right;">更多新品></div>
                </div>

            </div>
            <div class="new_img">
                <ul>
                    <li>
                        <div class="n_t"><img src="./img/2.1.webp" alt=""></div>
                        <div class='n_text'>
                            <div><span>特价</span> <span>99选9</span></div>
                            <div><a href="#">可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</a></div>
                            <div class="price" style="color: #e3684e; ">
                                ¥13.9
                                <h7 style="color: #bbbab8; text-decoration: line-through;">¥13.9</h7>
                            </div>

                        </div>
                    </li>
                    <li>
                        <div class="n_t"><img src="./img/2.2.webp" alt=""></div>
                        <div class='n_text'>
                            <div><span>特价</span> </div>
                            <div><a href="#">蜂蜜般流心，大颗土耳其杏肉</a></div>
                            <div class="price" style="color: #e3684e; ">
                                ¥16.9
                                <h7 style="color: #bbbab8; text-decoration: line-through;">¥19</h7>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="n_t"><img src="./img/2.3.webp" alt=""></div>
                        <div class='n_text'>
                            <div style="height: 20px;"></div>
                            <div><a href="#">日本制造 隅田川意式手冲特浓挂耳咖啡</a></div>
                            <div class="price" style="color: #e3684e; ">
                                ¥33.9

                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="n_t"><img src="./img/2.4.webp" alt=""></div>
                        <div class='n_text'>
                            <div><span>新品尝鲜价</span></div>
                            <div><a href="#">窈窕身姿，纤纤如燕膏 120克（10克*12袋）</a></div>
                            <div class="price" style="color: #e3684e; ">
                                ¥105
                                <h7 style="color: #bbbab8; text-decoration: line-through;">¥139</h7>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
        </div>

    </div>

    <!-- 人气推荐 -->
    <div class="popular">
        <div class="content">
            <div class="pop_title">
                <div class="pop">
                    <h3>人气推荐</h3>
                </div>
                <div class='pop_2'><a>编辑推荐</a></div>
                <div class="pop_2"><a>热销总榜</a></div>
                <div class="pop_more"><a>更多推荐></a></div>
            </div>
            <div class="pop_img">
                <div class="pop_left" style="float: left;">
                    <div class="left_top">
                        <img src="./img/3.1.webp" width="100%" height="100%" alt="">
                    </div>

                    <div class='left_bottom'>
                        <div style="margin: 20px auto;"><span>每日抄底</span>
                            <div class="bottom_2"><a href="#">口袋里的咖啡馆 浓缩胶囊咖啡液 微糖1袋 </a></div>
                            <div class="price" style="color: #df6467; ">
                                ¥17.9
                                <h7 style="color: #bbbab8; text-decoration: line-through;">¥21.8</h7>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="pop_right">
                    <ul>
                        <li>
                            <div class="right_top"><img src="./img/3.2.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>99选9</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">红杏干 180克</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥20
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.3.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>99选9</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">惊喜藏在蛋黄里，翻砂卤蛋 245克</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥18
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.4.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>每日抄底</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">清新英国梨香 强力去污酵素洗衣液3kg/1kg</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥27.5
                                    <h7 style="color: #bbbab8; text-decoration: line-through;">¥35</h7>
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.5.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>每日抄底</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">婴儿级棉柔呵护 Airfree超薄卫生巾日用夜用</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥7.9
                                    <h7 style="color: #bbbab8; text-decoration: line-through;">¥9.9</h7>
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.6.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>2件4折</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">女式咖啡碳保暖内衣2.0</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥169
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.7.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>奥莱特卖</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">添加茂金属更强韧，金属色垃圾袋</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥7.9
                                    <h7 style="color: #bbbab8; text-decoration: line-through;">¥9.9</h7>
                                </div>
                        </li>
                    </ul>
                    </div>
                    </div>

                    </div>
                    </div>
                    <!-- 居家生活 -->
                    <div class="life">
                        <div class="content">
                            <div class="l_title">
                                <div class="l_t_left">
                                    <a href="#">
                                        <h3>居家生活</h3>
                                    </a>
                                </div>
                                <div class="l_t_right">
                                    <a href="#">收纳家饰</a> /
                                    <a href="#">好物精选</a> /
                                    <a href="#">疫情防控</a> /
                                    <a href="#">北欧原木</a> /
                                    <a href="#">家庭医疗</a> /
                                    <a href="#">餐厨爆款清单</a> /
                                    <a href="#">厨房电器</a>
                                    <a href="#" style="margin-left: 30px;">查看更多></a>
                                </div>
                            </div>
                            <div class="l_img">
                                <div class="l_img_top">
                                    <img src="./img/4.1.webp" alt="">
                                </div>
                                <div class="l_img_bottom">
                                    <ul>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.2.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span> </div>
                                                    <div><a href="#">AB面乳胶独立弹簧床垫 升级款</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥1699
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥2199</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.3.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span> </div>
                                                    <div><a href="#">便携大容量运动水杯 吸管款单手畅饮</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥49
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥59</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.4.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>奥莱特买</span> <span>两件减十</span></div>
                                                    <div><a href="#">桦木龙骨柄中华厨刀套装</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥219
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥359</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.5.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span></div>
                                                    <div><a href="#">尊享26°C自然清凉，奢华头层牛皮席</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥1699
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥2199</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- 甄选家 -->
                    <div class="zxuan">
                        <div class="content">
                            <div class="zx_title">
                                <div>
                                    <h3>甄选家</h3>
                                </div>
                                <div>我们在寻找，对生活有态度的你
                                </div>
                            </div>
                            <div class="zx_img">
                                <div class="zx_left">
                                    <img src="./img/6.1.webp" alt="">
                                </div>
                                <div class="zx_right">
                                    <div> <img src="./img/6.2.webp" alt=""></div>
                                    <div><img src="./img/6.3.webp" alt=""></div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- 联系客服 -->
                    <div class="service">
                        <div class="content">
                            <div>
                                客户服务
                                <div style="width: 230px;margin: 5px auto;"><img src="./img/8.1.PNG" alt=""></div>

                            </div>
                            <div>何为网易严选
                                <div style="width: 300px;margin: 5px auto;"><img src="./img/8.2.PNG" alt=""></div>
                            </div>
                            <div>扫码下载严选APP
                                <div style="width: 260px;margin: 5px auto;"><img src="./img/8.3.PNG" alt=""></div>
                            </div>

                        </div>
                    </div>
  </section>
  <!-- 内容结束 -->
  <!-- 底部 -->
  <footer>
    <div class="content">
        <div class="f_top">
            <ul>
                <li>网易自营电商</li>
                <li>30天无忧退换货</li>
                <li>满99免邮费</li>
                <li>品质保证</li>
            </ul>
        </div>
        <div class="f_bottom">
            <div>关于我们|帮助中心|售后服务|配送与验收|商务合作|企业采购|开放平台|搜索推荐|友情链接|廉正举报</div>
            <div>食品经营许可证：JY13301080111719出版物经营许可证：新出发滨字第0132号妙得ICP证号：ICP 证浙B2-20160106浙杭食药监械经营备20171029号营业执照网易公司版权所有 © 1997-2021</div>
            <div>无线电发射设备销售备案：42202011096855（浙杭）网械企备字[2019]第00119号（粤）网械平台备字（2019）第00004号（粤）-非经营性-2016-0023进口冷链食品管理承诺书</div>
            <div>食品经营许可证：JY14207050007694浙江省网络食品销售第三方平台提供者备案：浙网食A33010009单用途商业预付卡备案证：330100AAC0024</div>
            <div>出版物网络交易平台服务经营备案：新出发浙备字第2021006号</div>
        </div>
    </div>
  </footer>
  <!-- 底部结束 -->
</body>

</html>